<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>视频观看</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../static/assets/libs/layui/css/layui.css" th:href="@{/assets/libs/layui/css/layui.css}"/>
    <link rel="stylesheet" href="../../static/assets/css/style.css" th:href="@{/assets/css/style.css}"/>
    <link rel="stylesheet" href="../../static/assets/css/css.css" th:href="@{/assets/css/css.css}"/>
    <link rel="stylesheet" href="../../static/assets/css/global.css" th:href="@{/assets/css/global.css}"/>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<!-- 顶部 -->
<div th:include="common :: headname"></div>
<div class="course_body">
    <div class="w1220 course_nav">
	        <span class="layui-breadcrumb">
	            <a href="/">首页</a>
	            <a href="/course/allcourse">课程</a>
	          <a><cite>[[${course.title}]]</cite></a>
	        </span>
    </div>
    <div class="w1220 course_intro">
        <div class="course_img">
            <img th:src="${course.picture}"/>
        </div>
        <div class="course_detail">
            <h1>[[${course.title}]]</h1>
            <div class="some">
                <p> 课程类别：<span>[[${course.courseCategory}]]</span></p>
                <p>课程分类：[[${course.courseSort}]]</p>
                <p>课程类型：<strong style="color: red">[[${course.courseType}]]</strong></p>
            </div>
        </div>
        <div id="share" class="share"></div>
    </div>

    <div class="w1220 course_content">
        <div class="content_left" id="content">
            <!--课程部分-->
            <div class="layui-tab layui-tab-brief" >
                <ul class="layui-tab-title">
                    <li class="layui-this"><h3>课程视频观看</h3></li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <li>
                        <h3>[[${course.title}]]</h3>
                            <iframe height=400 width=850 src="//player.bilibili.com/player.html?bvid=BV1v7411i7pm" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
                        </li>
                    </div>
                </div>
            </div>
        </div>
        <div class="content_right">
            <div class="teacher">
                <div class="layui-tab" style="margin-bottom: 0px">
                    <ul class="layui-tab-title">
                        <li><h3>授课老师</h3></li>
                    </ul>
                    <div class="layui-tab-content" style="height: 100px;padding-bottom: 0px">
                        <div class="layui-tab-item layui-show">
                            <a href="javascript:;"><img src="${teacher.imageName}" th:src="${user.user.avatar}"></a>
                            <a href="javascript:;"><span>[[${course.username}]]</span>
                                <p>努力从今天开始！成功从零攀登！</p></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- js部分 -->
<div class="fly-footer">
    <p><a href="http://fly.layui.com/" target="_blank">Fly社区</a> 2021 &copy; <a href="http://www.layui.com/" target="_blank">layui.com 出品</a></p>
    <p>
        <a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a>
        <a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a>
        <a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a>
    </p>
</div>
<script type="text/javascript" src="../../static/assets/libs/layui/layui.js" th:src="@{/assets/libs/layui/layui.js}"></script>
<script type="text/javascript" src="../../static/assets/js/common.js" th:src="@{/assets/js/common.js}"></script>
<script>
    layui.config({
        version: new Date().getTime()
        ,base: '/assets/module/'
    }).extend({
        detail : 'detail'
    }).use('detail');

</script>
</body>
</html>